<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>网站后台</title>
    <base th:href="@{/}">
    <meta charset="utf-8" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
          name="viewport"/>
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/sys/css/left-side-menu.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/sys/font/iconfont.css}">
    <script th:src="@{https://lib.baomitu.com/jquery/3.5.0/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/bootstrap/sys/js/jquery.slimscroll.min.js}"></script>
    <script type="text/javascript" th:src="@{/bootstrap/sys/js/left-side-menu.js}"></script>
    <style>
        #container {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
    </style>
</head>
<body>
<div id="container">
    <div class="top">
        <span id="tip" class="title">如果你有感觉的话, 你会拉吗?</span>
        <span class="go_back">
        <span class="btn switch" title="换一句爱听的">换</span>
        <span class="btn index" title="返回首页">返</span>
    </span>
    </div>
    <div class="left-side-menu">
        <div class="lsm-expand-btn">
            <div class="lsm-mini-btn">
                <label>
                    <input type="checkbox" checked="checked">
                    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                        <circle cx="50" cy="50" r="30"/>
                        <path class="line--1" d="M0 40h62c18 0 18-20-17 5L31 55"/>
                        <path class="line--2" d="M0 50h80"/>
                        <path class="line--3" d="M0 60h62c18 0 18 20-17-5L31 45"/>
                    </svg>
                </label>
            </div>
        </div>
        <div class="lsm-container">
            <div class="lsm-scroll">
                <div class="lsm-sidebar">
                    <ul>
                        <li class="lsm-sidebar-item">
                            <a href="javascript:void(0);">
                                <i class="my-icon lsm-sidebar-icon icon_1"></i>
                                <span>系统设置</span>
                                <i class="my-icon lsm-sidebar-more"></i>
                            </a>
                            <ul>
                                <li data-link="sys/manage" data-type="User">
                                    <a href="javascript:void(0);"><span>系统用户</span></a>
                                </li>
                                <li data-link="sys/manage" data-type="Role">
                                    <a class="active" href="javascript:void(0);"><span>系统角色</span></a>
                                </li>
                                <li data-link="sys/manage" data-type="Perm"><a
                                        href="javascript:void(0);"><span>系统权限</span></a>
                                </li>
                                <!--<li class="lsm-sidebar-item">
                                    <a href="javascript:void(0);"><i
                                            class="my-icon lsm-sidebar-icon "></i><span>二级菜单11</span><i
                                            class="my-icon lsm-sidebar-more"></i></a>
                                    <ul>
                                        <li><a href="javascript:void(0);"><span>地爆天星</span></a></li>
                                        <li><a href="javascript:void(0);"><span>无线月读</span></a></li>
                                        <li><a href="javascript:void(0);"><span>一乐拉面</span></a></li>
                                        <li><a href="javascript:void(0);"><span>血继限界</span></a></li>
                                        <li><a href="javascript:void(0);"><span>秽土转生</span></a></li>
                                        <li><a href="javascript:void(0);"><span>万象天引</span></a></li>
                                        <li><a href="javascript:void(0);"><span>尸鬼封尽</span></a></li>
                                        <li><a href="javascript:void(0);"><span>飞雷神之术</span></a></li>
                                        <li><a href="javascript:void(0);"><span>多重影分身术</span></a></li>
                                        <li><a href="javascript:void(0);"><span>飞雷神之术</span></a></li>
                                        <li><a href="javascript:void(0);"><span>须佐之男</span></a></li>
                                        <li><a href="javascript:void(0);"><span>外道魔像</span></a></li>
                                        <li><a href="javascript:void(0);"><span>双蛇相杀</span></a></li>
                                    </ul>
                                </li>

                                <li class="lsm-sidebar-item">
                                    <a href="javascript:void(0);"><i
                                            class="my-icon lsm-sidebar-icon "></i><span>二级菜单22</span><i
                                            class="my-icon lsm-sidebar-more"></i></a>
                                    <ul>
                                        <li><a href="javascript:void(0);"><span>血继限界</span></a></li>
                                        <li><a href="javascript:void(0);"><span>秽土转生</span></a></li>
                                        <li><a href="javascript:void(0);"><span>万象天引</span></a></li>
                                        <li><a href="javascript:void(0);"><span>尸鬼封尽</span></a></li>
                                        <li><a href="javascript:void(0);"><span>飞雷神之术</span></a></li>
                                    </ul>
                                </li>-->
                            </ul>
                        </li>
                        <li class="lsm-sidebar-item">
                            <a href="javascript:void(0);"><i
                                    class="my-icon lsm-sidebar-icon icon_3"></i><span>抽奖管理</span><i
                                    class="my-icon lsm-sidebar-more"></i></a>
                            <ul>
                                <li data-link="sys/treasure_box"><a href="javascript:void(0);"><span>宝箱管理</span></a>
                                </li>
                                <li data-link="sys/gift"><a href="javascript:void(0);"><span>奖品管理</span></a></li>
                                <li data-link="sys/file"><a href="javascript:void(0);"><span>图片管理</span></a></li>
                            </ul>
                        </li>
                        <li class="lsm-sidebar-item">
                            <a href="javascript:void(0);"><i
                                    class="my-icon lsm-sidebar-icon icon_3"></i><span>日记管理</span><i
                                    class="my-icon lsm-sidebar-more"></i></a>
                            <ul>
                                <li data-link="sys/article"><a href="javascript:void(0);"><span>日记管理</span></a></li>
                                <li data-link="sys/archive"><a href="javascript:void(0);"><span>归档管理</span></a></li>
                                <li data-link="sys/mood"><a href="javascript:void(0);"><span>心情管理</span></a></li>
                            </ul>
                        </li>
                        <!--<li class="lsm-sidebar-item">
                            <a href="javascript:void(0);"><i class="my-icon lsm-sidebar-icon icon_3"></i><span>最后一条</span><i
                                    class="my-icon lsm-sidebar-more"></i></a>
                            <ul>
                                <li><a href="javascript:void(0);"><span>火之国</span></a></li>
                                <li><a href="javascript:void(0);"><span>最后一条子菜单</span></a></li>
                            </ul>
                        </li>-->
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="right_content">
        <!--注意, 这里的ifream会给div带来额外的高度,需要去掉边框, 并且取消他的margin款高-->
        <iframe id="main_page" frameborder="0" marginheight="0" marginwidth="0"></iframe>
    </div>
</div>
<script>
    // 去同一个页面不同的Type
    var TYPE;
    /**
     * 切换导航
     */
    $('.lsm-sidebar-item ul li').on('click', function () {
        let linkUrl = $(this).data('link');
        TYPE = $(this).data('Role');
        $('#main_page').attr('src', linkUrl);
        $(".lsm-container li>a").removeClass('active');
        $(this).find("a").eq(0).addClass('active');
    });
    /**
     * 悬浮栏添加点击事件
     */
    $('.lsm-container').on('click', '.second ul li', function () {
        let linkUrl = $(this).data('link');
        TYPE = $(this).data('Role');
        $('#main_page').attr('src', linkUrl);
        $(".lsm-container li>a").removeClass('active');
        $(this).find("a").eq(0).addClass('active');
    });

    let motto = [
        '是的我想拉, 可是我没感觉',
        '生不出人, 我很抱歉',
        '就是因为太爱了，才要带到天上陪着上帝',
        '现在没有钱别担心，反正以后也没有',
        '遇见你，我花光了所有的运气',
        '爱是一种感觉，跟时间长短没关系',
        '挣钱是一种能力,花钱是一种技术,我能力有限,技术却很高',
        '生活会让你苦上一阵子,等你适应以后,再让你苦上一辈子',
        '那些傷害现在已经五年级下册了',
        '我想好好生活啊, 可是生活不想好好待我',
        '你以为你狠难过, 生活就会放过你吗?',
        '是因为那些姿态, 那些旁白, 那些伤害',
        '还换 ?? 你大爷的, 红薯吃多了吧!'
    ];


    /**
     * .go_back .btn
     */
    $('.go_back .btn').on('click', function () {
        if ($(this).hasClass('index')) {
            window.location = "/";
        } else if ($(this).hasClass('switch')) {
            let index = Math.floor(Math.random() * motto.length);
            $('#tip').text(motto[index]);
        }
    });


</script>
</body>
</html>
